<script setup></script>

<template>
  <div class="flex items-center">
    <img class="avatar rounded-full" src="@/assets/vue.svg" alt="" />
    <div class="ml-3">
      <h2>个人主页</h2>
      <div class="flex items-center">
        <svg-icon icon-class="gongwenbao" :size="20" />
        <p class="text-3">个人主页</p>
      </div>
      <div class="flex items-center">
        <svg-icon icon-class="mingpian" :size="20" />
        <p class="text-3">个人主页</p>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.avatar {
  width: 130px;
  height: 130px;
}
</style>
